/*reset*/
*{ margin:0; padding:0; box-sizing:border-box;}
html,body{ width:100%;}
body{ position:relative; font-family:Microsoft Yahei; font-size:14px; background:#fff; overflow-x:hidden; min-width:1300px;}
img{ vertical-align:top; border:none; }
header,footer,div,section,article,nav,figure,figcaption,hgroup{ display:block;}
a:link{ text-decoration:none; color:#666; outline:none;}
a:visited{ text-decoration:none; color:#666; outline:none;}
a:hover{ text-decoration:none; color:#666; outline:none;}
a:active{ text-decoration:none; color:#666; outline:none;}
h1,h2,h3,h4,h5,h6{ font-size:14px; font-weight:normal;}
ul,ol,dl,dt,dd,li{ list-style:none;}
em,i{ font-style:normal;}
.fl{ float:left;}
.fr{ float:right;}
.rspsv{ display:block; max-width:100%; margin:0 auto;}
.fullrspsv{ display:block; width:100%; margin:0 auto;}
.txtcen{ text-align:center;}
.txtrig{ text-align:right;}
.clrboth,.clearfix{ clear:both;}
.clrafter:after{ content:''; display:block; clear:both; visibility:hidden;}
.clearfix:after{ content:''; display:block; clear:both; visibility:hidden;}
.wrap1200{ max-width:1200px; width:80%; margin:0 auto; position:relative;}
.wrap1300{ max-width:1300px; width:100%; margin:0 auto; position:relative;}
.colr_fff{ color:#fff;}
.bg_f5f5f5{ background:#f5f5f5;}
.no_pad{ padding:0!important;}
.cov img{background-color:white;}

/*common*/
.head{ padding:0.06rem 40px 0 40px; position:fixed; left:0; top:0; width:100%; z-index:99; transition:all 0.4s;}
.head.on{ background:#222;}
.logo img{ width:100px;}
.nav{ margin-left:0.3rem; margin-top:0.05rem;}
.nav ul li{ float:left; position:relative; padding-bottom:19px;}
.nav ul li>dl{ position:absolute; width:320%; background:#ffffff; left:0; top:38px; padding:20% 15% 15%; display:none; box-shadow:0 0 6px 0 rgba(112,152,204,.16);}
.nav ul li>dl:before{ width:16px; height:10px; position:absolute; left:0.2rem; top:-10px; content:''; background:url(../img/subarr.png);}
.nav ul li>dl>a{ float:left; width:50%; margin-bottom:20px;}
.nav ul li>dl>a:nth-child(even){ width:50%;}
.nav ul li>dl>a>p:nth-child(1){ font-weight:bold; padding-bottom:6px; color:#000;}
.nav ul li>dl>a>p:nth-child(2){ font-size:12px; color:#666;}
.nav ul li:hover>dl{ display:block;}
.nav ul li>a{ display:block; padding:0 0.1rem; color:#fff;}
.lang{ color:#eee; padding-top:0.02rem; display:flex; align-items:center;}
.lang>a{
	color:#fff; border-radius:5px; background:#218efe; padding:5px 15px;
}
.lang>p{ margin-left:10px;}
.lang>p a{ color:#eee; display:inline-block; background:url(../img/lang.png) left center no-repeat; background-size:auto 14px; padding-left:20px;}
.foot{ background:#303030; padding:0.3rem 0 0.2rem;}
.foot_left>hgroup{ color:#ccc; line-height:1.65;}
.foot_left>hgroup h1{ padding-bottom:10px; font-size:16px;}
.foot_left>hgroup h2{ color:#218efe; font-size:25px; background:url(../img/tel.png) left center no-repeat; background-size:auto 18px; text-indent:0.17rem;}
.foot_left>hgroup h3{ padding-top:10px; padding-bottom:5px; font-size:16px;}
.foot_left>hgroup h4{ text-indent:0.09rem; background:url(../img/loca.png) left 5px no-repeat; color:#aaa;}
.foot_left>hgroup h5 a{ color:#aaa; display:block; padding-top:10px;}
.foot_mid{ margin-left:0.25rem;}
.foot_mid>dl{ float:left; margin-left:0.4rem; color:#ccc;}
.foot_mid>dl dt{ margin-bottom:25px; font-size:16px; padding-left:0.12rem; font-weight:bold;}
.foot_mid>dl:nth-child(1) dt{ background:url(../img/ico1.png) left 2px no-repeat;}
.foot_mid>dl:nth-child(2) dt{ background:url(../img/ico2.png) left 2px no-repeat;}
.foot_mid>dl:nth-child(3) dt{ background:url(../img/ico3.png) left 2px no-repeat;}
.foot_mid>dl dd{ line-height:2.1; padding-left:0.12rem;}
.foot_mid>dl dd a{ color:#aaa;}
.foot_mid>dl dd a:hover{ color:#fff;}
.foot_right hgroup{ color:#ccc; padding-bottom:25px; font-size:16px; font-weight:bold;}
.foot_right p img{ width:100px; display:block; margin-bottom:15px;}
.comm_cont_zone{ padding:0.5rem 0 0.6rem; background:url(../img/comm_cbg.jpg) center/cover;}
.comm_cont_zone>div>article{ padding:0.4rem 0 0 0; text-align:center;}
.comm_cont_zone>div>article .ip1{ display:block; border:1px solid #fff;; background:#fff; width:25%; float:left; padding:11px 10px; margin-left:9%; font-size:14px;}
.comm_cont_zone>div>article .ip2{ display:block; border:1px solid #fff;; background:#fff; width:25%; float:left; padding:11px 10px; margin-left:1.5%; font-size:14px;}
.comm_cont_zone>div>article .ip3{ display:inline-block; border:none; transition:all 0.4s; background:#218efe; cursor:pointer; width:12%; text-align:center; color:#fff; padding:10px 0; font-size:16px;}
.comm_cont_zone>div>article .ip3:hover{ background:#006cff;}
.comm_cont_zone>div>article .ip4{ display:inline-block; border:1px solid #999; background:none; cursor:pointer; width:12%; text-align:center; color:#fff; padding:9px 0; margin-left:1.5%; font-size:16px;}
.ygf-buy-list{ padding:0.6rem 0 0;}
.ygf-buy-list li{ float:left; width:19%; padding-right:1.25%; background:url(../img/arr1.png) right center no-repeat; text-align:center; color:#fff; box-sizing:content-box;}
.ygf-buy-list li>p{ height:0.22rem;}
.ygf-buy-list li>h1{ font-size:22px; padding:30px 0 25px 0;}
.ygf-buy-list li>h2{ font-size:16px; line-height:1.8;}
.ygf-buy-list li:last-child{ padding-right:0; background:none;}
.trans{ transition:all 0.4s;}
.trans_img{ width:100%; transition:all 0.4s;}

/*home*/
.home_com_tit>h1{ font-size:40px; float:left;}
.home_com_tit>h1 em{ font-weight:bold;}
.home_com_tit>h2{ font-size:18px; float:right; line-height:3;}
#home_ban .swiper-slide>article{ position:absolute; left:0; top:30%; width:100%; text-align:center; color:#fff;}
#home_ban .swiper-slide>article>hgroup>h1{ font-size:46px; font-weight:bold;}
#home_ban .swiper-slide>article>hgroup>h2{ font-size:29px; padding:0.16rem 0 0.6rem 0; color:#ddd;}
#home_ban .swiper-slide>article .p1{ font-size:24px; width:1.1rem; margin:0 auto;}
#home_ban .swiper-slide>article .p1 a{ display:block; background:#218efe; color:#fff; line-height:2.2; position:relative; transition:all 0.4s;}
#home_ban .swiper-slide>article .p1 a:after{ position:absolute; left:0; top:0; width:100%; height:100%; opacity:0; background:#218efe; content:'立即申请'; overflow:hidden;}
#home_ban .swiper-slide>article .p1 a:hover{ background:#006cff;}
#home_ban .swiper-slide>article .p2{ font-size:24px; color:#fff; padding:20px 0 0 0;}
#home_ban .swiper-slide>article .p2 strong{ color:#218efe; font-size:28px;}
#home_ban .four_links{ position:absolute; left:0; bottom:0; z-index:9; width:100%;}
#home_ban .four_links ul li{ float:left; width:25%; color:#fff; font-size:18px; text-align:center; line-height:5; cursor:pointer;}
#home_ban .four_links ul li img{ display:inline-block; vertical-align:middle; height:20px; margin-right:10px;}
#home_ban .four_links ul li.on,#home_ban .four_links ul li:hover{ background:linear-gradient(rgba(255,255,255,0),rgba(255,255,255,0.2));}
.home_sort{ padding:0.5rem 0;}
.home_sort ul{ padding:0.4rem 0 0 0;}
.home_sort ul li{ width:31.333%; float:left; margin-right:3%; margin-bottom:3%;}
.home_sort ul li:nth-child(3n){ margin-right:0;}
.home_sort ul li:hover{ box-shadow:0 0 18px #eee;}
.home_sort ul li a{ display:block;}
.home_sort ul li a figure{ display:block; overflow:hidden;}
.home_sort ul li a figure img{ display:block; width:100%; transition:all 0.4s;}
.home_sort ul li a:hover figure img{ -webkit-transform:scale(1.1,1.1);}
.home_sort ul li a figcaption{ border:1px solid #eee; border-top:none; padding:18px;}
.home_sort ul li a figcaption h1{ font-weight:bold; font-size:20px; padding:5px 0 10px 0;}
.home_sort ul li a figcaption h2{ font-size:14px; line-height:1.6; color:#777; padding-bottom:30px;}
.home_sort ul li a figcaption h3 span{ display:inline-block; border:1px solid #ccc; padding:8px 25px; float:left; position:relative; overflow:hidden; font-size:16px; transition:all 0.4s;}
/* .home_sort ul li a figcaption h3 span:after{ position:absolute; background:#218efe; left:0; top:0; content:'免费试用'; color:#fff; text-align:center; opacity:0; width:100%; padding:8px 0; transition:all 0.4s;} */
.home_sort ul li a:hover figcaption h3 span{ background:#218efe; color:#fff; border-color:#218efe;}
.home_sort ul li a figcaption h3 em{ float:right; color:#777; padding-top:9px;}
.home_solution{ padding:0.5rem 0 0; background:url(../img/bg2.jpg) center/cover;}
.home_solution ul{ display:block; padding:0.4rem 0 0 0;}
.home_solution ul li{ width:31.333%; float:left; display:block; margin-right:3%; transition:all 0.4s;}
.home_solution ul li:hover{ box-shadow:0 0 8px 0 rgba(112,152,204,.16);}
.home_solution ul li a figure{ display:block; overflow:hidden;}
.home_solution ul li a:hover figure img{ -webkit-transform:scale(1.1,1.1);}
.home_solution ul li a figcaption{ background:#fbfbfb; padding:28px 18px 38px;}
.home_solution ul li a figcaption h1{ font-size:20px; font-weight:bold; padding-bottom:30px;}
.home_solution ul li a figcaption h2{ display:inline-block; padding:8px 25px; border:1px solid #c7c7d7; text-align:center; transition:all 0.4s; font-size:16px;}
.home_solution ul li a:hover figcaption h2{ background:#218efe; color:#fff; border-color:#218efe;}
.home_solution ul li:nth-child(3n){ margin-right:0;}
.home_designer{ padding:0.5rem 0 0.1rem;}
.home_designer ul{ padding:1.1rem 0 0 0;}
.home_designer ul li{ float:left; width:31.333%; margin-right:3%;}
/* .home_designer ul li:nth-child(3n){ margin-right:0;} */
.home_designer ul li a{ display:block; position:relative;}
.home_designer ul li a figcaption{ position:absolute; width:50%; padding-bottom:50%; left:25%; top:-33%; overflow:hidden; border-radius:50%; background:#fff;}
.home_designer ul li a figcaption>div{ position:absolute; width:92%; height:92%; left:4%; top:4%; border-radius:50%;}
.home_designer ul li a figure{ background:#fbfbfb; padding:0.6rem 0 0 0; text-align:center; transition:all 0.4s;}
.home_designer ul li a:hover figure{ box-shadow:0 0 18px #eee;}
.home_designer ul li a figure h1{ font-size:20px; font-weight:bold;}
.home_designer ul li a figure h2{ font-size:13px; padding:10px 0 40px 0;}
.home_designer ul li a figure h3{ text-align:left; font-size:14px; line-height:1.8; padding:0 0.2rem; margin-bottom:40px; height:75px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical;}
.home_designer ul li a figure h4{ color:#218efe; line-height:3; transition:all 0.4s; font-size:16px;}
.home_designer ul li a:hover figure h4{ color:#fff; background:#218efe;}
.home_designer #designer_swipe_prev{ position:absolute; left:-3%; top:65%; z-index:9; cursor:pointer;}
.home_designer #designer_swipe_next{ position:absolute; right:-3%; top:65%; z-index:9; cursor:pointer;}
.home_client{ padding:0.5rem 0;}
.home_client ul{ padding:0.33rem 0 0 0;}
.home_client ul li{ float:left; width:19%; font-size:24px; padding-left:6%; box-sizing:content-box;}
.home_client ul li p:nth-child(1){ color:#218efe;}
.home_client ul li p:nth-child(2){ font-size:20px;}
.home_client ul li p em{ font-weight:bold; font-size:50px;}
.home_client #home_client dl{ display:block; padding:0.44rem 0 0.2rem 0;}
.home_client #home_client dl dd{ float:left; width:20%; margin-bottom:0.17rem;}
.home_client #home_client_page{ bottom:0;}
.home_service{ background:#f9f9f9; padding:0.5rem 0;}
.home_service ul{ padding:0.4rem 0 0 0;}
.home_service ul li{ width:24%; float:left; margin-right:1.333%; transition:all 0.4s; text-align:center;}
.home_service ul li:nth-child(4n){ margin-right:0;}
.home_service ul li a{ display:block; overflow:hidden; position:relative;}
.home_service ul li a figure{ display:block; overflow:hidden;}
.home_service ul li a:hover figure img{ -webkit-transform:scale(1.1,1.1);}
.home_service ul li a figcaption{ background:#fff; position:relative; left:0; bottom:0; transition:all 0.4s;}
.home_service ul li a:hover figcaption{ bottom:36px;}
.home_service ul li a figcaption h1{ font-size:20px; font-weight:bold; padding-top:0.2rem; padding-bottom:15px;}
.home_service ul li a figcaption h2{ padding-bottom:0.2rem;}
.home_service ul li a>h3{ color:#fff; background:#218efe; line-height:2.6; overflow:hidden; transition:all 0.4s; position:absolute; left:0; bottom:-36px; width:100%;}
.home_service ul li a:hover>h3{ bottom:0;}
.home_service article{ padding:0.3rem 0 0;}
.home_service article dl{ width:25%; float:left; border-right:1px solid #e3e3e3;}
.home_service article dl:last-child{ border:none;}
.home_service article dl dt{ padding-left:0.1rem; font-size:20px; padding-bottom:15px;}
.home_service article dl dd{ padding-left:0.1rem; line-height:2;}
.home_service article dl dd a{ color:#777;}

/*about*/
.ab_comm_tit h1{ font-size:30px; padding-bottom:20px;}
.ab_comm_tit h2{ display:block; margin:0 auto; height:4px; width:50px; background:#218efe;}
.ab_comm_tit h3{ font-size:18px; color:#888; padding-top:20px;}
.abg{ position:relative;}
.abg>article{ position:absolute; left:0; top:30%; width:100%; text-align:center; color:#fff;}
.abg>article>hgroup>h1{ font-size:53px; font-weight:bold;}
.abg>article>hgroup>h2{ font-size:25px; padding:20px 0;}
.abg>article>hgroup>h3{ display:block; height:3px; width:50px; background:#218efe; margin:0 auto;}
.abg>article>hgroup>h4{ font-size:50px; padding:40px 0 0 0;}
.a_data{ background:#171825; color:#fff; padding:0.15rem 0;}
.a_data ul li{ float:left; width:25%; font-size:24px; text-align:center;}
.a_data ul li p:nth-child(1){ padding-bottom:8px;}
.a_data ul li p:nth-child(2){ font-size:16px;}
.a_data ul li p em{ font-size:45px;}
.a_intro{ height:787px; background:url(../img/abg2.jpg) center no-repeat;}
.a_intro hgroup{ float:right; width:50%; padding:0.5rem 0 0 0.5rem;}
.a_intro hgroup h1{ font-size:30px; padding-bottom:15px;}
.a_intro hgroup h2{ width:40px; height:2px; background:#aaa; display:block;}
.a_intro hgroup>div{ line-height:2; color:#666; padding:0.2rem 0 0;}
.a_intro_change{ padding:0.5rem 0; background:url(../img/abg3.jpg) center/cover;}
.a_intro_change .pic{ width:55%; height:2.3rem; background:url(../img/si.jpg) center/cover;}
.a_intro_change .word{ width:55%; position:absolute; z-index:9; background:#f3f3f3; padding:0.2rem; top:0.22rem; right:0;}
.a_intro_change .word hgroup{}
.a_intro_change .word hgroup h1{ font-size:30px; padding-bottom:15px;}
.a_intro_change .word hgroup h2{ width:40px; height:2px; background:#aaa; display:block;}
.a_intro_change .word hgroup>div{ line-height:2; color:#666; padding:0.2rem 0 0;}
.a_intro_change ul{ padding:0.33rem 0 0 0;}
.a_intro_change ul li{ float:left; width:19%; font-size:24px; padding-left:6%; box-sizing:content-box;}
.a_intro_change ul li p:nth-child(1){ color:#666;}
.a_intro_change ul li p:nth-child(2){ font-size:20px;}
.a_intro_change ul li p em{ font-weight:bold; font-size:50px; color:#218efe;}
.a_pro{ padding:0.5rem 0 0.3rem 0;}
.a_pro_list ul li{ float:left; width:25%; position:relative; text-align:center; overflow:hidden;}
.a_pro_list ul li img{ display:block; width:100%; transition:all 0.4s;}
.a_pro_list ul li:hover img{ -webkit-transform:scale(1.1,1.1);}
.a_pro_list ul li hgroup{ position:absolute; left:0; top:0; width:100%; padding-top:30%; color:#fff; z-index:9;}
.a_pro_list ul li hgroup h1{ font-size:26px; font-weight:bold; padding-bottom:40px;}
.a_pro_list ul li hgroup h2{ padding-bottom:10px;}
.a_pro_list ul li hgroup h3{ display:block; width:120px; line-height:2.8; border:1px solid #aaa; margin:40px auto 0 auto; text-align:center; transition:all 0.4s;}
.a_pro_list ul li:hover hgroup h3{ background:#218efe; color:#fff; border-color:#218efe;}
.a_pro_list ul li hgroup h3 a{ color:#fff!important;}
.a_pro_list #a_pro_swipe_prev{ position:absolute; left:.5%; top:48%; z-index:9; cursor:pointer;}
.a_pro_list #a_pro_swipe_next{ position:absolute; right:.5%; top:48%; z-index:9; cursor:pointer;}
.a_cult{ background:#f5f5f5; padding:0.5rem 0;}
.a_cult_list{ padding-top:0.4rem;}
.a_cult_list li{ width:31.333%; margin-right:3%; float:left; transition:all 0.4s;}
.a_cult_list li:hover{ box-shadow:0 0 18px #ccc;}
.a_cult_list li:last-child{ margin-right:0;}
.a_cult_list li figure{ overflow:hidden; padding-bottom:80%; display:block; transition:all 0.2s; background-repeat:no-repeat; background-size:auto 100%; background-position:center;}
.a_cult_list li:hover figure{ background-size:auto 105%;}
.a_cult_list li figcaption{ background:#fff; padding:0.15rem;}
.a_cult_list li figcaption h1{ font-size:20px; padding-bottom:15px;}
.a_cult_list li figcaption h2{ line-height:1.8; color:#888;}
.a_cont{ background:#171825; padding:0.5rem 0;}
.a_cont .words{ width:40%; color:#fff; padding-top:50px;}
.a_cont .words hgroup h1{ font-size:30px; padding-bottom:18px;}
.a_cont .words hgroup h2{ width:40px; height:2px; background:#aaa; display:block;}
.a_cont .words hgroup h3{ padding-top:50px; text-transform:uppercase;}
.a_cont .words hgroup h4{ padding-top:18px; text-transform:uppercase;}
.a_cont .words hgroup .icons{ display:inline-block; margin-right:12px;}
.a_cont .words .qrs{ padding-top:40px;}
.a_cont .words .qrs figcaption{ padding-bottom:18px; text-indent:20px;}
.a_cont .words .qrs p{ display:inline-block; padding:10px; border:3px solid #55565b; float:left; margin-left:20px;}
.a_cont .words .qrs p img{ width:115px; display:block; margin-bottom:10px;}

/*login*/
.login{ background:url(../img/loginbg.jpg) no-repeat center/cover; padding:1rem 0 0.8rem 0;}
.login_box{ width:380px; height:406px; background:#fff; margin-top:0.4rem;}
.login_box>h1{ text-align:center; line-height:4; font-size:16px; border-bottom:1px solid #eee;}
.login_pic{ position:relative;}
.login_pic>figcaption{ position:absolute; top:0; right:0.1rem; font-size:30px; font-weight:bold; color:#fff; line-height:1.6;}
.login_input{ padding:0.2rem;}
.login_input .ip1{ display:block; border:1px solid #ddd; width:100%; background:url(../img/acc.png) left center no-repeat #fff; padding:10px; font-size:15px; margin-bottom:16px; text-indent:3em;}
.login_input .ip2{ display:block; border:1px solid #ddd; width:100%; background:url(../img/psw.png) left center no-repeat #fff; padding:10px; font-size:15px; margin-bottom:30px; text-indent:3em;}
.login_input .ip3{ display:block; border:1px solid #6fc5f2; width:100%; background:#6fc5f2; color:#fff; font-size:16px; font-family:Microsoft Yahei; line-height:2.2; cursor:pointer;}
.login_input>p{ text-align:right; padding:15px 0 0 0;}
.login_input>p a{ color:#999;}
.login_register{ background:#eee; padding:15px 0.2rem;}
.login_register>a.fl{ line-height:2.5;}
.login_register>a.fr{ display:inline-block; background:#f96565; color:#fff; padding:8px 15px 9px;}

/*pro common*/
.comm_form>div{ padding-top:0.8rem;}
.comm_form hgroup{ color:#fff;}
.comm_form hgroup h1{ font-size:45px; font-weight:bold; color:#fff;}
.comm_form hgroup h2{ font-size:26px; padding:20px 0 0;}
.comm_form hgroup h3 a{ display:inline-block; font-size:18px; background:#218efe; color:#fff; line-height:2.5; padding:4px 64px; transition:all 0.4s;}
.comm_form hgroup h3 a:hover{ background:#006cff;}
.comm_form hgroup ul{ padding:0.2rem 0;}
.comm_form hgroup ul li{ width:35%; float:left; font-size:21px; background:url(../img/target.png) left center no-repeat; text-indent:1.3em; line-height:2;}
.comm_form figure{ width:319px; height:393px; background:url(../img/pform.png) center no-repeat;}
.comm_form figure>div{ padding:140px 0 0 0;}
.comm_form figure .ip1{ display:block; border:1px solid #ddd; margin:0 auto 15px auto; width:80%; padding:10px;}
.comm_form figure .ip2{ display:block; border:1px solid #ddd; margin:0 auto 40px auto; width:80%; padding:10px;}
.comm_form figure .ip3{ display:block; border:none; background:#218efe; color:#fff; text-align:center; box-shadow:0 5px 10px #77baff; margin:0 auto; width:80%; line-height:3; cursor:pointer;}
.comm_form .ban_gif{ padding-top:30px;}
.sub_cate{ background:#f3f3f3;}
.sub_cate ul li{ float:left; width:20%;}
.sub_cate ul li a{ display:block; padding:0.12rem 0; font-size:18px; text-align:center; color:#777;}
.sub_cate ul li a img{ display:inline-block; vertical-align:middle; margin-right:6px; height:16px;}
.sub_cate ul li a.on,.sub_cate ul li a:hover{ color:#218efe; border-bottom:2px solid #218efe;}
.sub_cate2{ background:#fff; padding:0.12rem 0; text-align:justify;}
.sub_cate2 ul li{ display:inline-block; width:19.5%; text-align:center; position:relative;}
.sub_cate2 ul li:before{ position:absolute; width:100%; left:0%; top:-24px; content:''; height:111px; box-shadow:0 4px 10px #0000002b; opacity:0; z-index:0; transition:all 0.4s;}
.sub_cate2 ul li:after{ content:''; position:absolute; width:100%; height:3px; background:#218efe; left:0; bottom:-0.12rem; opacity:0; transition:all 0.4s;}
.sub_cate2 ul li:hover:after,.sub_cate2 ul li.on:after,.sub_cate2 ul li:hover:before,.sub_cate2 ul li.on:before{ opacity:1;}
.sub_cate2 ul li a{ display:block; position:relative; z-index:1;}
.sub_cate2 ul li img{ display:block; margin:0 auto 10px auto; height:34px;}
.sub_cate2.fixed{ width:100%; left:0; top:0px; position:fixed; z-index:920; box-shadow:-10px -10px 15px #000;}
.comm_apply>h1{ font-size:20px; padding-bottom:15px;}
.comm_apply>h1 em{ font-weight:bold; font-size:30px; color:#218efe;}
.comm_apply figcaption{ padding:15px 0 56px 0;}
.comm_apply figcaption .ip1{ display:inline-block; border:none; background:#fff; padding:13px; width:25%; float:left; margin-left:9%;}
.comm_apply figcaption .ip2{ display:inline-block; border:none; background:#fff; padding:13px; margin-left:1.5%; width:25%; float:left;}
.comm_apply figcaption .ip3{ display:inline-block; border:none; background:#218efe; color:#fff; padding:10px 0px; width:12%; font-size:16px; transition:all 0.4s; cursor:pointer;}
.comm_apply figcaption .ip3:hover{ background:#006cff;}
.comm_apply figcaption .ip4{ display:inline-block; border:1px solid #999; background:none; cursor:pointer; width:12%; text-align:center; color:#999; padding:9px 0; margin-left:1.5%; font-size:16px;}
.part1{ padding:0.5rem 0; background:#f5f5f5;}
.part1 figcaption{ text-align:center; line-height:2; font-size:20px; color:#777;}
#part1_swipe{ padding:0.4rem 0 0.3rem;}
#part1_swipe .swiper-slide{ width:880px; padding-bottom:40%; background-position: center; background-size: cover;}
#part1_swipe .swiper-slide-active{ opacity:1;}
/* #part1_swipe .swiper-slide-next,#part1_swipe .swiper-slide-prev{ opacity:0.6;} */
.part2{ padding:0.5rem 0 0.3rem;}
.part2 ul{ padding:0.4rem 0 0;}
.part2 ul li{ width:23.5%; float:left; margin-right:2%; margin-bottom:3%; text-align:center;}
.part2 ul li a{ display:block; color:#fff; position:relative; transition:all 0.4s; padding-top:30px;}
.part2 ul li a:hover{ background:rgba(87,94,225,.8);}
.part2 ul li a h2{ font-size:20px; font-weight:bold; padding-top:30px;}
.part2 ul li a h3{ padding:0.12rem 0 0.3rem;}
.part2 ul li a span{ position:absolute; right:20px; bottom:0; background:#4045b3; padding:5px 10px; opacity:0; transition:all 0.4s;}
.part2 ul li a:hover span{ right:0; opacity:1;}
.part2 ul li:nth-child(4n){ margin-right:0;}
.part_func{ padding:0.5rem 0 0.3rem;}
.part_func ul{ padding:0.4rem 0 0;}
.part_func ul li{ width:31.33%; margin-right:3%; margin-bottom:3%; float:left; transition:all 0.5s; position:relative; cursor:pointer;}
.part_func ul li:hover{ box-shadow:0 0 15px #ccc; margin-top:-5px;}
.part_func ul li .cov{ position:absolute; background:rgba(0,0,0,0.5); left:0; top:0; width:100%; height:73.5%; padding-top:47px; z-index:9; color:#fff; text-align:center; font-size:16px; transition:all 0.5s; opacity:0;}
.part_func ul li .cov>p{ padding:10px 0 0 0;}
.part_func ul li:hover .cov{ opacity:1;}
.part_func ul li:nth-child(3n){ margin-right:0;}
.part_func ul li>img{ display:block; width:100%;}
.part_func ul li .w1{ background:#fff; text-align:center; padding:20px 0; border:1px solid #eee; border-top:none;}
.part_func ul li .w1 h1{ font-size:20px; padding:0 0 15px 0;}
.part_func ul li .w1 h2{ font-size:14px; color:#888;}
.part_custom{ padding:0.5rem 0;}
.part_custom ul{ padding:0.4rem 0 0;}
.part_custom ul li{ float:left; width:20%; position:relative; transition:all 0.4s;}
.part_custom ul li.on{ width:40%;}
.part_custom ul li.on a{ background:rgba(0,0,0,0.5); font-size:25px; font-weight:bold;}
.part_custom ul li a{ display:-webkit-box; -webkit-box-pack:center; -webkit-box-align:center; color:#fff; min-height:380px; background:linear-gradient(rgba(29,52,106,0.2),rgba(29,52,106,0.8));}
.part_steps4{ padding:0.5rem 0; background:#f9f9f9;}
.part_steps4 .ua1{ width:40%;}
.part_steps4 .ua1 li{ border-radius:0px; box-sizing:border-box; padding:30px 20px; background:#fff; margin-bottom:10px; cursor:pointer;}
.part_steps4 .ua1 li h1{ font-size:20px; padding-bottom:10px;}
.part_steps4 .ua1 li h2{ display:none; font-size:14px; line-height:1.8;}
.part_steps4 .ua1 li.on{ background:#218efe; color:#fff;}
.part_steps4 .ua1 li.on h2{ display:block;}
.part_steps4 .ub1{ width:55%; background:url(../img/macbook.jpg) center/cover no-repeat; padding:0.4rem 0.5rem 0.5rem; margin-top:-50px; }
.part_steps4 .ub1 li{ display:none; position:relative; margin:0px -11px -11px -15px;}
.part_steps4 .ub1 li>a{ position:absolute; width:120px; line-height:2.8; text-align:center; font-size:16px; color:#fff; right:20px; bottom:20px; z-index:9; background:#218efe; transition:all 0.4s;}
.part_steps4 .ub1 li>a:hover{ background:#006cff; color:#fff;}
.part_steps4 .ub1 li.on{ display:block;}
.part_steps4 .ygf-steps-con{ padding:0.4rem 0 0;}
.part_tools{ padding:0.5rem 0;}
.part_tools_list>ul{ padding:0.25rem 0;}
.part_tools_list>ul li{ float:left; margin-right:0.12rem; font-size:16px; cursor:pointer;}
.part_tools_list>ul li a{ display:inline-block; padding:5px 12px;}
.part_tools_list>ul li.on a,.part_tools_list>ul li:hover a{ color:#fff; font-weight:bold; background:#218efe;}
.part_tools_list>figure>dl{ display:none;}
.part_tools_list>figure>dl.on{ display:block;}
.part_tools_list>figure>dl dt{ display:block;}
.part_tools_list>figure>dl dt li{ width:31.333%; float:left; margin-right:3%;}
.part_tools_list>figure>dl dt li a{ display:block; overflow:hidden; position:relative;}
.part_tools_list>figure>dl dt li a:after{ position:absolute; transition:all 0.4s; content:'查看效果'; width:100%; left:0; bottom:0; text-align:center; background:#218efe; color:#fff; line-height:2.5; font-size:16px; opacity:0;}
.part_tools_list>figure>dl dt li a:hover:after{ opacity:1;}
.part_tools_list>figure>dl dt li a img{ width:100%; transition:all 0.4s;}
.part_tools_list>figure>dl dt li a:hover img{ -webkit-transform:scale(1.1,1.1);}
.part_tools_list>figure>dl dt li:nth-child(3n){ margin-right:0;}

/*ygf*/
.apps{ height:640px; background:url(../img/appban.jpg) center/cover;}
.ygf{ height:640px; background:url(../img/ygf.jpg) center/cover;}
.ygf_func{ background:url(../img/ygf2.jpg) center/cover;}
.bs{ height:640px; background:url(../img/bs.jpg) center/cover;}
.bs_func{ background:url(../img/bsbg.jpg) center/cover;}
.mcst{ height:640px; background:url(../img/mcst.jpg) center/cover;}
.mcst_func{ background:url(../img/mcstbg.jpg) center/cover;}
.qwmc{ height:640px; background:url(../img/qwmc.jpg) center/cover;}
.qwmc_func{ background:url(../img/qwmcbg.jpg) center/cover;}
.bswq{ height:640px; background:url(../img/bswq.jpg) center/cover;}
.bswq_func{ background:url(../img/bsw.jpg) center/cover;}
.bswq_adv{ padding:0.4rem 0 0.2rem 0;}
.bswq_adv .u01{ width:33%; padding-right:0.12rem;}
.bswq_adv .u01 li{ text-align:right; position:relative; border-bottom:1px solid #ddd; line-height:4; font-size:20px; cursor:pointer;}
.bswq_adv .u01 li:before{ position:absolute; right:-16px; bottom:-39px; content:'+'; color:#999; transition:all 0.1s;}
.bswq_adv .u01 li:hover:before{ -webkit-transform:rotate(45deg); color:#218efe;}
.bswq_adv .u01 li:after{ position:absolute; left:0; bottom:-1px; background:#218efe; height:2px; content:''; width:0; transition:all 0.4s;}
.bswq_adv .u01 li:hover:after{ width:100%;}
.bswq_adv .u02{ width:34%;}
.bswq_adv .u02 li{ display:none;}
.bswq_adv .u02 li img{ display:block; width:95%; margin:0 auto; border:5px solid #fff; box-shadow:0 0 22px #eee;}
.bswq_adv .u02 li.on{ display:block;}
.bswq_adv .u03{ width:33%; padding-left:0.12rem;}
.bswq_adv .u03 li{ position:relative; border-bottom:1px solid #ddd; line-height:4; font-size:20px; cursor:pointer;}
.bswq_adv .u03 li:before{ position:absolute; left:-16px; bottom:-39px; content:'+'; color:#999; transition:all 0.1s;}
.bswq_adv .u03 li:hover:before{ -webkit-transform:rotate(45deg); color:#218efe;}
.bswq_adv .u03 li:after{ position:absolute; right:0; bottom:-1px; background:#218efe; height:2px; content:''; width:0; transition:all 0.4s;}
.bswq_adv .u03 li:hover:after{ width:100%;}


/*lesson*/
.lessons{ height:640px; background:url(../img/classbg.jpg) center/cover;}
.lesson_com_tit{ line-height:1;}
.lesson_com_tit h1{ border-left:2px solid #218efe; font-size:26px; text-indent:0.5em;}
.lesson_com_tit h1 em{ text-transform:uppercase; color:#b5b5b5; font-size:12px;}
.lessons hgroup{ text-align:center; color:#fff; padding-top:20%;}
.lessons hgroup h1{ font-size:45px; font-weight:bold;}
.lessons hgroup h2{ font-size:26px; padding:20px 0 0 0; color:#eee;}
.lesson_cate{ background:#fff; padding:0.12rem 0;}
.lesson_cate ul li{ float:left; width:16.666%; text-align:center;}
.lesson_cate ul li img{ display:block; margin:0 auto 10px auto; height:34px;}
.lesson_one{ padding:0.5rem 0; background:#f5f5f5;}
.lesson_one ul{ padding:0.3rem 0 0.1rem 0;}
.lesson_one ul li{ width:49%; margin-right:2%; float:left;}
.lesson_one ul li a{ display:block;}
.lesson_one ul li a figure{ padding-bottom:58%;}
.lesson_one ul li:nth-child(2n){ margin-right:0;}
.lesson_one dl dd{ width:19%; float:left; margin-right:1.25%;}
.lesson_one dl dd a{ display:block;}
.lesson_one dl dd a figure{ padding-bottom:58%;}
.lesson_one dl dd a figcaption h1{ padding:10px 0 5px 0; color:#535353;}
.lesson_one dl dd a figcaption h2{ font-size:12px; color:#7a7a7a;}
.lesson_one dl dd a figcaption h2 .view{ display:inline-block; vertical-align:middle; width:18px; height:14px; background:url(../img/view.png) center no-repeat; margin-right:3px;}
.lesson_one dl dd a figcaption h2 .likes{ display:inline-block; vertical-align:middle; width:18px; height:14px; background:url(../img/likes.png) center no-repeat; margin-right:3px; margin-left:10px;}
.lesson_one dl dd:nth-child(5n){ margin-right:0;}
.lesson_two{ padding:0.5rem 0; background:#2a2a2a;}
.lesson_two ul{ padding:0.3rem 0 0;}
.lesson_two ul li{ width:32.333%; margin-right:1.5%; margin-bottom:1.5%; float:left;}
.lesson_two ul li:nth-child(3n){ margin-right:0;}
.lesson_two ul li a{ display:block; position:relative;}
.lesson_two ul li a figure{ padding-bottom:58%;}
.lesson_two ul li a figcaption{ position:absolute; left:0; bottom:0; width:100%; background:rgba(0,0,0,0.58); padding:7px 10px; color:#fff;}
.lesson_two ul li a figcaption span{ float:left;}
.lesson_two ul li a figcaption em{ float:right; padding-left:20px; background:url(../img/teacher.png) left center no-repeat;}
.lesson_three{ padding:0.5rem 0;}

/*buy*/
.buy_bg{ height:950px; background:url(../img/buybg.jpg) center/cover no-repeat;}
.buy_bg .buy_tit{ padding-top:20%;}
.buy_bg ul{ padding-top:0.3rem;}
.buy_bg ul li{ float:left; width:31.333%; margin-right:3%; background:#fff; transition:all 0.4s;}
.buy_bg ul li:hover{ box-shadow:0 0 8px 0 rgba(112,152,204,.2);}
.buy_bg ul li a{ position:relative; display:block; padding:0.2rem 0.12rem; text-align:center;}
.buy_bg ul li a>span{ position:absolute; left:0; top:0; background:#ff0000; color:#fff; border-radius:0 0 5px 0; padding:5px 10px;}
.buy_bg ul li a figure h1{ font-size:24px; font-weight:bold;}
.buy_bg ul li a figure>div{ line-height:2.5; padding:0.2rem 0 0.12rem 0;}
.buy_bg ul li a figure h2{ color:#218efe; padding-bottom:0.2rem; cursor:pointer;}
.buy_bg ul li a figure h3{ display:block; width:150px; line-height:3; background:#218efe; color:#fff; margin:0 auto; cursor:pointer; transition:all 0.4s;}
.buy_bg ul li a figure h3:hover{ background:#006cff;}
.buy_bg ul li a figure h4{ padding-top:30px; padding-bottom:10px;}
.buy_bg ul li a figure h4 em{ font-size:40px; font-weight:bold;}
.buy_bg ul li a figure h5{ padding-bottom:30px; color:#f57f74;}
.buy_bg ul li a figure h5 i{ display:inline-block; vertical-align:middle; background:#df0029; color:#fff; border-radius:4px; font-family:Arial; font-size:12px; padding:2px 3px; -webkit-transform:scale(0.8,0.8);}
.buy_bg ul li:nth-child(3n){ margin-right:0;}
.usual_ques{ background:#f9f9f9; padding:0.5rem 0;}
.usual_ques hgroup{ font-size:40px; font-weight:bold;}
.usual_ques hgroup>a{ font-size:16px; font-weight:normal; line-height:3;}
.usual_ques ul{ padding:0.3rem 0 0;}
.usual_ques ul li{ width:32.333%; float:left; background:#fff; min-height:200px; padding:40px 30px; margin-right:1.5%; margin-bottom:1.5%; transition:all 0.4s;}
.usual_ques ul li:hover{ box-shadow:0 0 18px #eee;}
.usual_ques ul li figure{ font-size:16px; font-weight:bold; padding-bottom:20px;}
.usual_ques ul li figcaption{ color:#777; line-height:1.8;}
.usual_ques ul li:nth-child(3n){ margin-right:0;}
.out_buy{ width:1200px; box-shadow:0 0 15px #eee; height:760px;}
.out_buy_left{ width:160px; background:linear-gradient(360deg,#b6cbfd,#d7e7fe); height:100%;}
.out_buy_left .logob{ padding:20px;}
.out_buy_left .logob img{ display:block; margin:0 auto; width:100px;}
.out_buy_left .titles{ margin:0 20px; border-bottom:2px solid #bfd3fd; font-size:16px; line-height:2.5;}
.out_buy_left ul{ padding:0 20px;}
.out_buy_left ul h1{ font-weight:bold; color:#7e8ca0; padding-top:20px; padding-bottom:8px;}
.out_buy_left ul li{ font-size:12px; color:#7e8ca0; line-height:2;}
.out_buy_right{ width:1040px; height:100%; background:#fff;}
.out_buy_right .titles{ background:#f6f7f9; padding:20px;}
.out_buy_right .titles .accounts{ color:#111; padding-left:20px; padding-top:5px;}
.out_buy_right .titles .accounts h2{ color:#858586; font-size:12px; line-height:2;}
.out_buy_right .titles .guide{ color:#858586; font-size:12px; padding-top:30px;}
.out_buy_right .combos{ padding:15px 0 0 0; border-bottom:1px solid #eee;}
.out_buy_right .combos li{ float:left; margin-left:50px; text-align:center; line-height:1.8; color:#999;}
.out_buy_right .combos li.on{ border-bottom:2px solid #218efe; color:#111;}
.out_buy_right .combos li h1{ font-size:18px;}
.out_buy_right .combos li h2{ padding-bottom:15px;}
.out_buy_right .choose_combo{ padding:20px 20px 0;}
.out_buy_right .choose_combo h1{ font-weight:bold; padding-bottom:15px;}
.out_buy_right .choose_combo .ul_a{ padding-bottom:20px;}
.out_buy_right .choose_combo .ul_a li{ float:left; width:200px; height:150px; position:relative; text-align:center; color:#7e8792; border:1px solid #ddd; border-radius:5px; margin-right:20px;}
.out_buy_right .choose_combo .ul_a li h1{ padding:25px 0 10px; font-weight:normal;}
.out_buy_right .choose_combo .ul_a li h2{ font-weight:bold; padding-bottom:10px; border-bottom:1px solid #eee; width:80%; margin:0 auto;}
.out_buy_right .choose_combo .ul_a li h2 strong{ font-size:25px;}
.out_buy_right .choose_combo .ul_a li h3{ font-size:12px; padding:10px 0 0 0;}
.out_buy_right .choose_combo .ul_b{ padding-bottom:20px;}
.out_buy_right .choose_combo .ul_b li{ float:left; margin-right:20px; padding:5px 10px; border:1px solid #ddd; border-radius:5px; color:#7e8792;}
.out_buy_right .pay_code{ border-radius:10px; background:#f6f7f9; width:96.5%; margin:0 auto; padding:20px;}
.out_buy_right .pay_code .pay_code_num{ padding-left:30px;}
.out_buy_right .pay_code .pay_code_num .pay_num{}
.out_buy_right .pay_code .pay_code_num .pay_num h1{ display:inline-block; font-weight:bold; color:#8b6036;}
.out_buy_right .pay_code .pay_code_num .pay_num h1 em{ font-size:25px;}
.out_buy_right .pay_code .pay_code_num .pay_ways{ padding:8px 0 0 0; color:#8d959f;}
.out_buy_right .pay_code .pay_code_num .pay_ways img{ display:inline-block; vertical-align:middle; margin-right:5px;}
.out_buy_right .pay_state{ font-size:12px; color:#8d959f; padding:10px 20px 0;}
.out_buy_right .pay_state em{ color:#e6c39f;}


/*download*/
.down{ height:640px; background:url(../img/downban.jpg) center/cover;}
.down hgroup{ text-align:center; color:#fff; padding-top:20%;}
.down hgroup h1{ font-size:45px; font-weight:bold;}
.down hgroup h2{ font-size:26px; padding:20px 0 0 0; color:#eee;}
.down_cate{ box-shadow:0 2px 5px #eee;}
.down_cate ul li{ width:33.333%; float:left;}
.down_cate ul li a{ display:block; text-align:center; line-height:1.8; padding:0.1rem 0; position:relative;}
.down_cate ul li a:after{ content:''; position:absolute; left:0; bottom:0; height:2px; width:100%; opacity:0; background:#218efe; transition:all 0.4s;}
.down_cate ul li a h1{ font-size:18px;}
.down_cate ul li a h2{ font-size:15px; color:#999;}
.down_cate ul li a h3{ height:28px; margin-bottom:8px;}
.down_cate ul li a.on:after,.down_cate ul li a:hover:after{ opacity:1;}
.down_wrap{ padding:0.5rem 0;}
.down_wrap .down_wrap_main{ padding-bottom:0.2rem; display:none;}
.down_wrap .down_wrap_main.on{ display:block;}
.down_wrap .left{ width:50%;}
.down_wrap .left hgroup h1{ font-weight:bold; font-size:40px; padding:30px 0 0;}
.down_wrap .left hgroup h2{ font-size:24px; padding:20px 0 0;}
.down_wrap .left hgroup h3{ font-size:16px; padding:60px 0 0; color:#4c4c4c;}
.down_wrap .left hgroup h4{ padding:40px 0 0;}
.down_wrap .left hgroup h4 a{ display:inline-block; font-size:16px; vertical-align:middle; padding:10px 30px; position:relative;}
.down_wrap .left hgroup h4 a>em{ position:absolute; left:-1px; bottom:0.1rem; z-index:9; width:102%; padding:0.03rem; background:#218efe; opacity:0; transition:all 0.4s; visibility:hidden;}
.down_wrap .left hgroup h4 a:hover>em{ opacity:1; bottom:0.2rem; visibility:visible;}
.down_wrap .left hgroup h4 a>em>img{ width:100%;}
.down_wrap .left hgroup h4 a:nth-child(1){ background:#218efe; color:#fff; border:1px solid #218efe;}
.down_wrap .left hgroup h4 a:nth-child(2){ background:#fff; border:1px solid #218efe; margin-left:20px;}
.down_wrap .left hgroup h5{ color:#218efe; font-size:16px; padding:30px 0 0;}
.down_wrap .right{ width:50%;}
.down_wrap ul{ display:block; padding-top:0.35rem;}
.down_wrap ul li{ float:left; width:33.333%;}
.down_wrap ul li figure img{ display:block; margin:0 auto; max-width:100%;}
.down_wrap ul li figcaption h1{ text-align:center; font-size:22px; padding:20px 0;}
.down_wrap ul li figcaption h2 em{ display:inline-block; width:49.5%; vertical-align:middle; padding-left:10%; background:url(../img/dot.png) 0.13rem center no-repeat; font-size:14px; color:#666; line-height:2;}
.down_wrap ul li figcaption h2 em.full{ width:100%;}

/*mcc solution*/
.mccban{ height:640px; background:url(../img/mccban.jpg) center/cover no-repeat}
.mccban hgroup{ padding-top:16%; color:#fff;}
.mccban hgroup h1{ font-size:50px; font-weight:bold;}
.mccban hgroup h2{ font-size:20px; padding:30px 0 50px 0;}
.mccban hgroup h3{ width:1rem; text-align:center; background:#218efe; color:#fff; line-height:3; font-size:18px; transition:all 0.4s; cursor:pointer;}
.mccban hgroup h3:hover{ background:#006cff;}
.mccban hgroup h4{ font-size:20px; padding:20px 0 0;}
.hurts{ padding:0.5rem 0;}
.hurts hgroup h1{ font-size:40px;}
.hurts hgroup h1 strong{}
.hurts ul{ padding:0.5rem 0 0;}
.hurts ul li{ width:33.333%; float:left; text-align:center; margin-bottom:0.3rem;}
.hurts ul li figure{ border:1px solid #218efe; width:0.5rem; height:0.5rem; border-radius:50%; margin:0 auto; display:-webkit-box; -webkit-box-align:center; -webkit-box-pack:center; position:relative;}
.hurts ul li:hover figure{ animation:bounce 1s ease;}
.hurts ul li figcaption h1{ font-size:20px; font-weight:bold; padding:0.1rem 0;}
.hurts ul li figcaption h2{ font-size:16px; color:#666;}
.helps{ padding:0.4rem; /* background:url(../img/solubg.jpg) center no-repeat; */}
.helps hgroup h1{ font-size:40px; text-align:center; color:#fff;}
.helps hgroup h2{ font-size:18px; color:#ddd; padding:18px 0 0;}
.helps ul li{ width:33.333%; float:left; text-align:center; padding:0.35rem 0 0; color:#fff; font-size:20px;}
.helps ul li figure em{ font-weight:bold; font-size:0.3rem;}
.solu_big_wrap{ background:url(../img/solubg2.jpg) center/cover no-repeat;}
.solu{ padding:0.5rem 0;}
.solu hgroup{ font-size:40px; text-align:center; padding-bottom:0.3rem;}
.solu .solu_list{ /* background:url(../img/solubg2.jpg) center/cover no-repeat; */ color:#fff;}
.solu .solu_list .ul01{ width:20%; float:left; /* background:rgba(0,0,0,0.4); */ padding:0.3rem 0 40px 0;}
.solu .solu_list .ul01 li a{ display:block; padding:0.2rem 0; text-indent:3.5em; font-size:20px; font-weight:bold; position:relative;}
.solu .solu_list .ul01 li a:before{ position:absolute; left:0; top:0; z-index:3; width:10px; height:100%; background:#218efe; content:''; opacity:0;}
.solu .solu_list .ul01 li:hover a,.solu .solu_list .ul01 li.on a{ background:linear-gradient(90deg,rgba(67,78,95,1),rgba(19,25,35,1)); color:#fff;}
.solu .solu_list .ul01 li:hover a:before,.solu .solu_list .ul01 li.on a:before{ opacity:1;}
.solu .solu_list .ul02{ width:80%; float:right;}
.solu .solu_list .ul02 li{ display:none;}
.solu .solu_list .ul02 li.on{ display:block;}
.solu .solu_list .ul02 li>div{ width:50%; padding:67px 0.1rem 0 70px; line-height:3; font-size:20px;}
.solu .solu_list .ul02 li>div>h1{ font-size:30px;}
.solu .solu_list .ul02 li>div>p{ padding-left:0.2rem;}
.solu .solu_list .ul02 li>div>.p1{ background:url(../img/slt01.png) left center no-repeat;}
.solu .solu_list .ul02 li>div>.p2{ background:url(../img/slt02.png) left center no-repeat;}
.solu .solu_list .ul02 li>div>.p3{ background:url(../img/slt03.png) left center no-repeat;}
.solu .solu_list .ul02 li>div>.p4{ background:url(../img/slt04.png) left center no-repeat;}
.solu .solu_list .ul02 li>div>h2{ display:block; width:1rem; text-align:center; background:#218efe; color:#fff; line-height:3; font-size:18px; margin-top:0.2rem;}
.solu .solu_list .ul02 li>figure{ width:50%; padding:10% 0 0;}

/*out_form_link*/
.out_wrap{ width:1300px;}
.out_left{ width:50%;}
.out_right{ width:50%; padding:0 0.25rem;}
.out_form_link{ border:none; padding:0; margin:0; display:block; width:100%; height:750px;}
.fancybox-slide--iframe .fancybox-content{
    width:1300px!important;
    height:750px!important;
}

/*client*/
.client_bg{ height:950px; background:url(../img/buybg.jpg) center/cover no-repeat;}
.client_bg .client_tit{ padding-top:20%;}
.client_list{ padding:55px 0 0;}
.client_list li{ width:32%; float:left; margin-right:2%; margin-bottom:2%;}
.client_list li:nth-child(3n){ margin-right:0;}
.client_list li figure img{ width:100%;}
.client_list li figcaption{ background:#fff; border:1px solid #ddd; padding:10px;}

/*sidebar*/
.sidebar{ position:fixed; right:0; top:40%; z-index:21;}
.sidebar ul li{ margin-bottom:1px;}
.sidebar ul li a{ display:block; color:#fff; text-align:center; background:#218efe; padding:7px; cursor:pointer; position:relative;}
.sidebar ul li:first-child a{ border-radius:5px 5px 0 0;}
.sidebar ul li:nth-child(3) a:after{ position:absolute; right:0; top:0; width:250%; content:'180 3322 0718'; background:#218efe; font-size:16px; line-height:3.95; opacity:0; transition:all 0.4s;}
.sidebar ul li:nth-child(3) a:hover:after{ opacity:1;}
.sidebar ul li:last-child a{ display:none; border-radius:0 0 5px 5px;}
.sidebar ul li:last-child a.on{ display:block;}
.sidebar ul li a em{ display:block;}

/*news show*/
.news_show_wrap{ position:relative; top:-1rem; z-index:20; background:#fff; padding:0.3rem 0.3rem 0;}
.news_show_wrap hgroup{ color:#999; padding-bottom:0.3rem; font-size:12px;}
.news_show_wrap hgroup h1{ font-size:0.13rem; color:#333; padding-bottom:15px;}
.news_show_wrap article{ color:#666; line-height:2;}